/* Common varables, functions and mixins */

@font-1: Arial, Verdana, sans-serif;
@font-2: Arial, Helvetica, sans-serif;

.round_corners (@lt: 0, @rt: 0, @rb: 0, @lb: 0) {
	-webkit-border-radius: @arguments;
	-moz-border-radius: @arguments;
	border-radius: @arguments;
}

.border_radius_lb(@value) {
	-webkit-border-bottom-left-radius: @value;
	-moz-border-radius-bottomleft: @value;
	border-bottom-left-radius: @value;
}

.border_radius_rb(@value) {
	-webkit-border-bottom-right-radius: @value;
	-moz-border-radius-bottomright: @value;
	border-bottom-right-radius: @value;
}

.border_radius_lt(@value) {
	-webkit-border-top-left-radius: @value;
	-moz-border-radius-topleft: @value;
	border-top-left-radius: @value;
}

.border_radius_rt(@value) {
	-webkit-border-top-right-radius: @value;
	-moz-border-radius-topright: @value;
	border-top-right-radius: @value;
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
	@val: @x @y @blur rgba(0, 0, 0, @alpha);

	box-shadow:         @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow:    @val;
}

.box-shadow-color (@x: 0, @y: 0, @blur: 1px, @spread: 0, @color: #000) {
	box-shadow: @x @y @blur @spread @color;
	-moz-box-shadow: @x @y @blur @spread @color;
	-webkit-box-shadow: @x @y @blur @spread @color;
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
	@val: @x @y @blur rgba(0, 0, 0, @alpha);

	box-shadow:         @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow:    @val;
}

.box-shadow-inset(@x: 0, @y: 0, @blur: 1px, @spread: 0, @color: #000) {
	box-shadow: inset @x @y @blur @spread @color;
	-moz-box-shadow: inset @x @y @blur @spread @color;
	-webkit-box-shadow: inset @x @y @blur @spread @color;
}

.vertical-gradient(@start, @end) {
	background-color: @start;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(0.6, @end));
	background-image: -webkit-linear-gradient(center bottom, @start 0%, @end 60%);
	background-image: -moz-linear-gradient(center bottom, @start 0%, @end 60%);
	background-image: -o-linear-gradient(bottom, @start 0%, @end 60%);
	background-image: -ms-linear-gradient(top, @start 0%,@end 60%);
	background-image: linear-gradient(top, @start 0%,@end 60%);
}

.opacity(@op:100) {
	filter:alpha(opacity=@op);
	-moz-opacity:@op/100;
	-khtml-opacity:@op/100;
	opacity:@op/100;
}

.padding-background-clip {
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;  
}

/* @group MISC */

.clear-fix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
.clear-fix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clear-fix { height: 1%; }
.clear-fix { display: block; }
/* End hide from IE-mac */

.clear-fix-after() {
 	visibility: hidden; 
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
	height: 0; 
}

/* @end */